<template>
	<view class="abslrtb flex-column a-center wrap">
		<view class='login-box'>
			<image src="../../../static/bak.svg" style="width: 100%;height: 100%;"></image>
		</view>
		<view class="form-content">
			<ul>
				<li>
					<view class="div" style="background-image:url(static/x.svg);" @click="callMaterial">
					</view>
					<view class="title">
						砂芯下线呼叫
					</view>
				</li>
				<li>
					<view class="div" style="background-image:url(static/wuliao.svg);" @click="Asking">
					</view>
					<view class="title">
						铸造叫料
					</view>
				</li>
				<!-- <li>
					<view class="div" style="background-image:url(static/s.svg);" @click="update">
					</view>
					<view class="title">
						砂芯生产物料修改
					</view>
				</li> -->
				<!-- <li>
					<view class="div" style="background-image:url(static/tihuan.svg);" @click="Offline">
					</view>
					<view class="title">
						托盘替换
					</view>
				</li> -->
				<li>
					<view class="div" style="background-image:url(static/qudiao.svg);" @click="GoException">
					</view>
					<view class="title">
						报废
					</view>
				</li>
				<li>
					<view class="div" style="background-image:url(static/AGV.svg);" @click="AGV">
					</view>
					<view class="title">
						手动AGV信号
					</view>
				</li>
				<li>
					<view class="div" style="background-image:url(static/status.svg);" @click="BarCodeStatus">
					</view>
					<view class="title">
						托盘状态查询
					</view>
				</li>
				<li>
					<view class="div" style="background-image:url(static/Outbounds.svg);" @click="Outbound">
					</view>
					<view class="title">
						手动出库任务
					</view>
				</li>
				<!-- <li>
					<view class="div" style="background-image:url(static/shangbao.svg);" @click="OutboundReporting">
					</view>
					<view class="title">
						出库上报MES
					</view>
				</li> -->
			</ul>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {
			this.screenHeight = uni.getSystemInfoSync().windowHeight;
		},
		methods: {
			// Offline() {
			// 	uni.navigateTo({
			// 		url: "/pages/tabbar/sandcoreoffline/sandcoreoffline"
			// 	})
			// },
			Asking() {
				uni.navigateTo({
					url: "/pages/tabbar/castingmaterials/castingmaterials"
				})
			},
			GoException(){
				uni.navigateTo({
					url: "/pages/tabbar/RepairReport/RepairReport"
				})
			},
			update(){
				uni.navigateTo({
					url: "/pages/tabbar/UpdateMal/Update"
				})
			},
			callMaterial(){
				uni.navigateTo({
					url: "/pages/tabbar/callMaterial/callMaterial"
				})
			},
			AGV(){
				uni.navigateTo({
					url: "/pages/tabbar/PDAinfor/PDAinfor"
				})
			},
			BarCodeStatus(){
				uni.navigateTo({
					url: "/pages/tabbar/barcodestatus/barcodestatus"
				})
			},
			Outbound(){
				uni.navigateTo({
					url: "/pages/tabbar/Outbound/Outbound"
				})
			}
			// OutboundReporting(){
			// 	uni.navigateTo({
			// 		url: "/pages/tabbar/OutboundReporting/OutboundReporting"
			// 	})
			// }
		}
	}
</script>



<style lang="scss">
	.form-content {
		width: 100%;
		height: 100%;
		top: 15%;
	}

	.login-box {
		width: 100%;
		height: 100%;
	}

	.middle-image-box {
		width: 20px;
		height: 20px;
		margin-right: 8px;
	}

	* {
		list-style: none;
		margin: 0%;
		padding: 0%;
	}

	ul {
		height: 100%;
		margin-top: 50%;
	}

	ul li {
		float: left;
		height: 12%;
		width: 30%;
		margin-top: 70px;
		margin-left: 3%;
	}

	ul li .div {
		margin: auto;
		width: 80%;
		height: 100%;
		background-size: cover;
		border: 1px #8f8f94;
	}

	.title {
		text-align: center;
		font-size: 20px;
		color: white;
	}
</style>
